<template>
  <div class="b_box">
    <Hedar></Hedar>
    <!--<div class="concent_tt">-->
    <header>
      <ul>
        <li><router-link to="/">首页</router-link></li>
        <li class="active_a" @click="clickas($event)">我的梧桐</li>
        <li @click="clickas($event)">账户设置</li>
        <!--<li @click="clickas($event)">专家信息</li>
        <!--<li @click="clickas($event)">我的消息</li>-->
      </ul>

    </header>

   <Mywutong v-if="table1"></Mywutong>
    <Accountsettings v-if="table2"></Accountsettings>
    <Mymessage v-if="table3"></Mymessage>
    <!-- </div>-->
  <Footers></Footers>
  </div>
</template>

<script>
  import Footers from'@/components/Footers'
  import Bton from'@/components/Bton'
  import Hedar from'@/components/Hedar'
  import Mywutong from'@/components/Mywutong'
  import Accountsettings from'@/components/Accountsettings'
  import Mymessage from'@/components/Mymessage'

  export default {
    data(){
      return{
        table1:true,
        table2:false,
        table3:false
      }
    },
    methods:{
      clickas:function(e){
        $(e.currentTarget).addClass("active_a").siblings().removeClass('active_a');
        if( $(e.currentTarget).index()==1){
            this.table1=true
            this.table2=false
            this.table3=false
        }else if($(e.currentTarget).index()==2){
          this.table1=false
          this.table2=true
          this.table3=false
        }else if($(e.currentTarget).index()==3){
          this.table1=false
          this.table2=false
          this.table3=true
        }

      }
    },
    mounted:function(){
      if(sessionStorage.getItem('login')){
        this.logina=false
      }else{
        this.$router.push({path:'/Entry'})
      }

    },
    components:{
      Footers,
      Bton,
      Hedar,
      Mywutong,
      Accountsettings,
      Mymessage
    }
  }
</script>

<style scoped>
html,body{
  width:100%;
  height:100%;
  overflow: hidden;
}
.b_box{
  width:100%;
  height:100%;
  /*background:red;*/
  overflow: hidden;

}
header{
  width:100%;
  height:130px;
  background:url("../assets/wtsd1.png") no-repeat 25px 40px #ff8328;

  margin-bottom:15px;
  }
  header ul{
    width:60%;
    height:130px;
    color:#fff;
    margin-left:20%;
  }
  header ul li{
    margin:0 40px;
    line-height:130px;
    height:130px;
    float:left;
    font-size:21px;
    font-weight: 700;


  }
header ul li a{
  color:#fff;
}
  header ul li:hover{
  cursor: pointer;
  }
  .active_a{
    background:url("../assets/jiantou.png") no-repeat bottom;
  }
.footer_header{
  width:1200px;
  height:310px;
  background: #eaeaea;
  margin:0 auto 40px;
}
.footer_header img{
  width:100%;
  height:143px;
  border-bottom:1px solid #dedede;
}
.footer_header2{
  width:100%;
  height:307px;
}
.footer_header2_left{
  width:136px;
  height:277px;
  padding:30px 0 0 80px;
  font-size: 11px;
  text-align: left;
  float:left;
}
.footer_header2_left p{
  text-align: left;
  height:32px;
}
.footer_header2_left img{
  width:125px;
  height:125px;
}
.footer_header2_right{
  width:984px;
  height:277px;
  padding-top:30px;
  float:left;
}
.footer_header2_right ul{
  width:20%;
  height:277px;
  float:left;
}
.footer_header2_right ul li{
  width:100%;
  height:20px;
  font-size: 12px;
}
.footer_header2_right ul li a{
  color:#929292;
}.footer_header2_right ul li a:hover{
   color:red;
 }
.footer_header2_right ul li:nth-child(1){
  height:30px;
  font-size: 14px;
  color:#666666;
}
/*.concent_tt{*/
  /*width:100%;*/
  /*height: -moz-calc(100% - 173px);*/
  /*height: -webkit-calc(100% - 173px);*/
  /*height: calc(100% - 173px);*/
/*}*/
.bbbctsa{
  width:1200px;
  height:365px;
  margin:0 auto 40px;
}
.bbbctsa img{
  width:100%;
  height:100%;
}
.strtitle{
  width:1200px;
  height:40px;
  border-bottom:1px solid #a0a0a0;
  margin:0 auto 7px;
}
.strtitle span{
  width:180px;
  height:40px;
  background:#eeeeee;
  display: block;
  line-height: 40px;
  font-size: 18px;
  color:#333333;
  font-weight: 400;
}
.enterprise{
  width:1200px;
  height:380px;
  margin:0 auto 20px;

}
.enterprise_left{
  width:198px;
  height:378px;
  float:left;
  border:1px solid #a0a0a0;

}
.enterprise_left h1{
  width:100%;
  height:40px;
  line-height: 40px;
  background:#eaeaea;
  font-size: 18px;

}
.enterprise_left p{
  width:100%;
  height:30px;
  line-height:30px;
  text-indent:15px;
  text-align: left;
}
.enterprise_right{
  width:985px;
  height:378px;
  border:1px solid #a0a0a0;
  float:right;
}
.enterprise_right h1{
  width:100%;
  height:40px;
  line-height: 40px;
  background:#eaeaea;
  font-size: 18px;
}
.dpgz{
  width:96px;
  height:20px;
  border:1px solid #ff8328;
  border-radius: 5px;
  display:block;
  margin:50px auto 20px;

}
.gwly{
  width: 98px;
  height:22px;
  background: #ff8328;
  border-radius: 5px;
  display:block;
  margin:0 auto;
  color:#f8fbff;
}
.enterditles{
  width:1200px;
  height:656px;
  margin:0 auto;

}
.enterditles_left{
  width:198px;
  height:654px;
  float:left;
  /*border:1px solid #a0a0a0;*/
}
.enterditles_left_top{
  width:196px;
  height:378px;
  border:1px solid #a0a0a0;
  margin-bottom:10px;
}
.enterditles_left_top h1{
  width:100%;
  height:40px;
  line-height: 40px;
  background:#eaeaea;
  font-size: 18px;

}
.enterditles_left_top p{
  width:100%;
  height:30px;
  line-height:30px;
  text-indent:15px;
  text-align: left;

}
.enterditles_left_bottom{
  width:196px;
  height:264px;
  border:1px solid #a0a0a0;
}
.enterditles_left_bottom h1{
  width:100%;
  height:40px;
  line-height: 40px;
  background:#eaeaea;
  font-size: 18px;

}
.enterditles_left_bottom p{
  width:100%;
  height:30px;
  line-height:30px;
  text-indent:15px;
  text-align: left;

}
.enterditles_right{
  width:985px;
  height:654px;
  border:1px solid #a0a0a0;
  float:right;
}
.enterditles_right h1{
  width:100%;
  height:40px;
  line-height: 40px;
  background:#eaeaea;
  font-size: 18px;
}
.table_a{
  border:1px solid #b5b5b5;
  margin:20px auto 0;
}
.table_a tr{
  border:1px solid #b5b5b5;
}
.table_a td{
  border:1px solid #b5b5b5;
}
</style>
